<template>
  <div class="btns">
    <div class="btn-item" v-for="item in BTNS">
      <van-icon :name="item.icon" size="40" />
      <p>{{ item.name }}</p>
    </div>
  </div>
</template>

<script setup lang="ts">
import { BTN_TYPE, BTNS } from "@/config/btns";
</script>

<style lang="less" scoped>
.btns {
  display: flex;
  flex-wrap: wrap;
}

.btn-item {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;

  > p {
    font-size: 14px;
  }

}
</style>
